<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>getElementById</title>
    <script type="text/javascript">
        // // 1,先得到h1的dom对象，通过id获取》
        // // 2,对h1对应的dom对象操作即可。
        // //静态注册
        // function getValue(){
        //     var myHeader = document.getElementById("myHeader");
        //     alert(myHeader); //HTML HeadingElement
        //     // myHeader.innderText 获取到 myHeader的包含的文本。
        //     // 看看 innerText , innerHTML.
        //     alert(myHeader.innerText); //文本
        //     alert(myHeader.innerHTML); //html
        // }

        //动态绑定.
        window.onload= function (){
            // 1,获取 myHeader 的dom对象。
            var myHeader = document.getElementById("myHeader");
            // 2,给myHeader 绑定onclick 事件。
            myHeader.onclick=function (){
                alert("动态绑定 内容是="+myHeader.innerText);
                alert("html： "+myHeader.innerHTML);
            }
        }
    </script>

</head>
<body>
<h1 id="myHeader" onclick="getValue()"><div>lwh</div></h1>
<p>Click on the header to alert is value</p>
</body>
</html>